<div class="templateTimesheet">

	<div class="widget widgetPortlet">
		<div class="column">
			<div class="portlet br7" id="timesheetCalendar">
				<div class="elementHeader brt7">Timesheet<span class="icons"><span class="arrow arrowUp cp"></span></span></div>
				<div class="elementContent">
					<div class="elementBar"><span class="refresh">refresh</span></div>
					<div class="projectsList">
						<!-- projects list -->
					</div>
					<div class="timesheetList">
						<form>
							<input type="hidden" name="month" />
							<input type="hidden" name="year" />
							<!-- timesheet list -->
						</form>
					</div>
					<div class="clr"></div>
				</div>
			</div>
		</div>
	</div>

	<div class="clr"></div>


	<div class="widget widgetPortlet">
		<div class="column">
			<div class="portlet br7" id="timesheetgDetails">
				<div class="elementHeader brt7">Projects details<span class="icons"><span class="arrow arrowUp cp"></span></span></div>
				<div class="elementContent">
					<p>Projects details</p>
				</div>
			</div>
		</div>

		<div class="column">
			<div class="portlet br7" id="timesheetgDetails">
				<div class="elementHeader brt7">Your statitics<span class="icons"><span class="arrow arrowUp cp"></span></span></div>
				<div class="elementContent">
					<p>Your statitics</p>
				</div>
			</div>
		</div>
	</div>

	<div class="clr"></div>

</div>

<script type="text/javascript" src="qlsolution/app/timesheet/controller.js"></script>